<template>
  <div class="comment-reply">
    <van-nav-bar
      class="comment-top"
      title="回复评论"
      left-text="返回"
      left-arrow
      @click-left="$emit('closeShow')"
    />
    <div class="remment-content"></div>
   <comment-item :comment='replyDate'></comment-item>
    <van-cell>全部回复</van-cell>
   <comment-list :list='list2' :target='replyDate.com_id' :type='c'></comment-list>
   <van-cell class="bottom-comment">
     <van-button size="mini">发布评论</van-button>
   </van-cell>
  </div>
</template>

<script>

import commentItem from './comment-item'
import commentList from './comment-list'

export default {
  components : {
      commentItem, 
      commentList
  },
   props : ['replyDate'],
   data (){
       return {
           list2 : [],
           c: 'c'
       }
   },
   created(){
       console.log(this.replyDate , 456);
   }
   
};
</script>

<style scoped  lang='less'>

.comment-top{
    position: fixed;
     top: 0;
     width: 100%;
     
}
.remment-content{
    padding-top: 120px;
}
 .bottom-comment{
     position: fixed;
     bottom: 0;
     justify-content: center;
     align-items: center;
     border-top: 1px solid #c3c4c5;
     display: flex;

     
 }
</style>